/*
 * @version $Id$
 -------------------------------------------------------------------------
 GLPI - Gestionnaire Libre de Parc Informatique
 Copyright (C) 2003-2014 by the INDEPNET Development Team.

 http://indepnet.net/   http://glpi-project.org
 -------------------------------------------------------------------------

 LICENSE

 This file is part of GLPI.

 GLPI is free software; you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation; either version 2 of the License, or
 (at your option) any later version.

 GLPI is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with GLPI. If not, see <http://www.gnu.org/licenses/>.
 --------------------------------------------------------------------------
*/
/* ################--------------- GLPI CSS style   ---------------#################### */




/* ################--------------- Default style  ---------------#################### */

body {
   font-family: 'Bitstream Vera Sans', arial, Tahoma, 'Sans serif';
   font-size: 12px;
   margin: 0;
   padding: 0;
   background:  #dfdfdf repeat-x;
   
}

ul, li, dt, dl, dd, form, img, input {
   margin: 0;
   padding: 0;
}

ul {
   list-style-type: none;
}

span.invisible {
   visibility: hidden;
}


/* separateur pour rétablir les comportements de block */
div.sep {
   font-size: 1px;
   height: 1px;
   padding: 0;
   margin: 0;
   clear: both;
}

img {
   border: 0;
}

small {
   font-family: verdana;
   font-size: 10px;
}

sup {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}

.big {
   font-size: 14px;
}

.b {
   font-weight: bold;
}

.center {
   text-align:center;
}

.left {
   text-align:left;
}

.right {
   text-align:right;
}

.center-h {
   margin:auto;
}

.middle {
   vertical-align:middle;
}

.bottom {
   vertical-align:bottom;
}

.top {
   vertical-align:top;
}

.relative {
   position: relative;
}


.red { 
   color:red;
}

.blue {
   color:blue;
}

.green {
   color:green;
}

.yellow {
   color:yellow;
}


.deleted {
   background-color:#cf9b9b;
}

.separ {
   clear: both;
   visibility: hidden;
}

a, a:link {
   font-weight: bold;
   text-decoration: none;
   color : #659900;
   font-size : 11px;
}

a:hover {
   color: black;
}


hr {
   border: 1px solid #cccccc;
}


/* Over link div */
.over_link {
   display: none;
   position: absolute;
   border: 1px solid  #CC9900;
   background: url("../pics/fd_hoverlink.png") 0 0 repeat;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   padding: 5px;
   max-width: 350px;
   font-size: 11px;
   text-align: left;
   z-index:1000;
}


.pointer {
   cursor:pointer;
 }


/* ################--------------- Tabs ---------------#################### */

.alltab {
   font-size:14px; 
   text-align:center; 
   padding: 10px;
   font-weight: bold;
}


/* ################--------------- Page ---------------#################### */

#page {
   /*margin: 0 auto; text-align:center;*/
   margin: 25px 10px;
   background: #FFFFFF  repeat-x top left;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px;
   -moz-box-shadow: 0px 7px 10px #4D4D4D;
   -webkit-box-shadow: 0px 7px 10px #4D4D4D;
   box-shadow: 0px 7px 10px #4D4D4D;
   padding: 8px 8px 20px 8px;
}

#page form {
   font-size: 12px;
   margin:0;
   margin-bottom:5px;
   padding:0; 
}

#page {
   margin-top:15px;
}


/* ################--------------- form ---------------#################### */

option {
   border:1px solid #ccc;
   background-color:#ffffff;
}

.submit {
   text-align:center;
}

select {
   font-size: 11px;
   border: 1px solid #888888;
   color: black;
   background-color: white;
   line-height: 19px; /* do not set height because using multiple select*/
}

textarea, input {
   background-color:#FAFAFA;
   color: black;
   border: 1px solid #888888;
   font-size: 11px;
   
}

input {
   height: 17px;
   padding: 2px;
   vertical-align: middle;
}

input[type="image"] {
   height: auto;
   background-color: transparent;
   border: 0;
}

input[type="file"] {
   height: 22px;	
   border: 1px solid #4E6378;
}

input.submit {
   cursor:pointer;
   height: auto;
   font: bold 12px Arial, Helvetica;
   color: #8f5a0a;
   background-color: #ffb94b;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
   background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
   background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
   background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
   background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
   background-image: linear-gradient(top, #fddb6f, #ffb94b);
   
   /* For Internet Explorer 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fddb6f, endColorstr=#ffb94b);
   /* For Internet Explorer 8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fddb6f, endColorstr=#ffb94b)";
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   text-shadow: 0 1px 0 rgba(255,255,255,0.5);
   -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
   -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
   box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
   border-width: 1px;
   border-style: solid;
   border-color: #d69e31 #e3a037 #d5982d #e3a037
   
}

input.submit:hover {
  
   border: 1px inset #888888;
   background-color: #fddb6f;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
   background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
   background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
   background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
   background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
   background-image: linear-gradient(top, #ffb94b, #fddb6f);

}

input.save {


} 

span.vsubmit, a.vsubmit {
   padding: 2px;
   vertical-align: middle;
   cursor:pointer;
   height: auto;
   font: bold 12px Arial, Helvetica;
   color: #8f5a0a;
   background-color: #ffb94b;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
   background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
   background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
   background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
   background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
   background-image: linear-gradient(top, #fddb6f, #ffb94b);
   white-space:nowrap; /* no line break*/
   /* For Internet Explorer 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fddb6f, endColorstr=#ffb94b);
   /* For Internet Explorer 8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fddb6f, endColorstr=#ffb94b)";
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   text-shadow: 0 1px 0 rgba(255,255,255,0.5);
   -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
   -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
   box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
   border-width: 1px;
   border-style: solid;
   border-color: #d69e31 #e3a037 #d5982d #e3a037
   
}

a.vsubmit:hover {
   padding: 2px;
   vertical-align: middle;
   cursor:pointer;
   height: auto;
   font: bold 12px Arial, Helvetica;
   color: #8f5a0a;
   border: 1px inset #888888;
   background-color: #fddb6f;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
   background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
   background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
   background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
   background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
   background-image: linear-gradient(top, #ffb94b, #fddb6f);
   white-space:nowrap; /* no line break*/
}





.entity_select {
   border-left: 1px solid #C0CAD4;
   border-right: 1px solid#C0CAD4;
   padding:3px;
}

.entity_select:hover {
   border-left: 1px solid #C0CAD4;
   border-right: 1px solid #C0CAD4;
   border-bottom: 1px solid #C0CAD4;
   padding:3px;
}

.tree {
   width:100%;
   border:0;
   border-bottom:1px solid #C0CAD4;
}

.treeroot {
   width:100%;
   background: url("../pics/treeroot.png") 0 2px no-repeat;
   border:0;
   /*margin-top:5px;*/
   font-weight:bold;
}

.tree:hover{
   background-color:#eeeeee;
}

.treeroot:hover{
   background-color:#eeeeee;
}


/* ################--------------- Table  ---------------#################### */
table {
   font-size: 11px;
   /* Probem WIth EXTJS calendar -> to sons*/
   /*margin: 0 auto;*/
   border:0;
}

th { }

td { }

.tab_glpi {
   margin: 0 auto;
}

.tab_cadre {
   margin: 0 auto;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   border: 1px solid #cccccc;
   z-index:1;
   text-align: left;
   font-size: 11px;
   background-color: #ffffff;
}

.tab_cadre_central {
   margin: 0 auto;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   border: 1px solid #bbbbbb;
   z-index:1;
   text-align: left;
   font-size: 11px;
   width:950px;
   /* background-color: #FFF4DF; */
   background : url("../pics/fond-central.png") repeat-x top right ;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   -moz-box-shadow: 0px 2px 5px #666;
   -webkit-box-shadow: 0px 2px 5px #666;
   box-shadow: 0px 2px 5px #666;
}

.tab_cadre_navigation {
   margin: 0 auto;
   padding: 4px;
   margin: 1px;
   border: 1px solid #aaaaaa;
   background-color: #ffffff;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   font-size : 12px;
   font-weight: bold;
}

.tab_cadre_fixe, .tab_cadre_fixehov {
   margin: 0px auto 5px auto;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   /*border: 1px solid #cccccc;*/
   background: #f2f2f2;
   z-index:1;
   text-align: left;
   font-size: 11px;
   width:950px;
}

/*.tab_cadre_fixe tr, .tab_cadre_fixe td { */
/*	background-color: transparent; */
/*}*/


.tab_cadre_fixe img {
   vertical-align: middle;	
}

.tab_cadrehov, .tab_cadrehov_pointer {
   margin: 0 auto;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   border: 1px solid #cccccc;
   text-align: left;
   font-size: 11px;
   width: 80%;
   background-color: #ffffff;
   -moz-box-shadow: 0px 2px 5px #666;
   -webkit-box-shadow: 0px 2px 5px #666;
   box-shadow: 0px 2px 5px #666;
}

.tab_cadre_report {
   margin: 0 auto;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   border: 1px solid #cccccc;
   z-index:1;
   text-align: left;
   font-size: 11px;
   text-align: center;
   width:90%;
}

.tab_cadre th, .tab_cadre_fixe th, .tab_cadre_fixehov th, .tab_cadrehov th, .tab_cadrehov_pointer th, .tab_cadre_report th {
   font-size: 12px;
   font-weight: bold;
   background-color: #E1D39E;
   text-align: center;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   padding: 2px;
   /*background:  url("../pics/fond_th.png") repeat-x; 
   border-bottom:1px solid #cccccc;
   padding: 2px;*/
}

.tab_cadre td, .tab_cadre_fixe td, .tab_cadre_fixehov td, .tab_cadrehov td, .tab_cadrehov_pointer td, 
.tab_cadre_report td {
   padding: 3px 5px;
}

.tab_cadrehov tr:hover, .tab_cadre_fixehov tr:hover {
   background-color: #FFF4DF;
}

.tab_cadrehov_pointer tr:hover {
   cursor: pointer;
   background-color: #FFF4DF;
}

.tab_check {
   text-align:center;
   margin: 20px;
   margin-left: auto;
   margin-right: auto;
   width: 90%;
   border: 1px solid #aaaaaa;
   padding:10px;
}

.tab_check th {
   font-size: 12px;
   font-weight: bold;
   color: #fccc6f;
   vertical-align:bottom;
}

.tab_check td {
   font-size:11px;
   border-bottom:1px solid #bbbbbb;
}

/* Ajout pour IE */
.tab_cadrehov_pointer tr {
   cursor: pointer;
}


.tab_format {
   padding: 0px;
   width: 100%;
   margin: 0px;
   border: 0px;
   border-collapse:collapse;
}

.tab_format td {
   padding: 1px;
   margin: 0px;
}


.tab_bg_1 {
   background-color: #f2f2f2;
}

.tab_bg_1_2 {
   background-color: #cf9b9b;
}

.tab_bg_2 {
   background-color: #f2f2f2;
}

.tab_bg_2_2 {
   background-color: #cf9b9b;
}

.tab_bg_3 {
   /*background-color: #eeeeee;*/
   background-color: #e7e7e2;
}

.tab_bg_4 {
   background-color: #e4e4e2;
}

.tab_bg_5 {
   background-color: #f2f2f2;
}

.tab_find {
   background-color: #ccccc7;
}

.tab_find:hover {
   background-color:#FFF2C2;
   cursor:pointer;
}

.tab_resa {
   border:1px dashed #cccccc;
   background-color: #d7d7d2;
   font-size:10px
}

.tab_resa:hover {
   background-color: #ffffff;
   border:1px dotted #000000;
}

.central {
   padding-top: 15px;
   width: 450px;
}

.central table {
   margin-bottom: 5px;
}

div.rss {
   margin-left: 10px;
}

td.numeric {
   text-align:right;
/*   width:10%;*/
/*   padding-right:4%;*/
}

td.htmltable_upper_separation_cell {
    border-top: dashed 1px #a0a0a0;
}

td.nopadding { 
   padding:0;
}

/* ################--------------- Pager  ---------------#################### */

.tab_cadre_pager {
   margin: 0 auto;
   text-align:center;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   border: 1px solid #cccccc;
   font-size:10px;
   width:950px;
}

.tab_cadre_pager select, .tab_cadre_pager span, .tab_cadre_pager form {
   font-size:10px;
   margin:0;
}

.tab_cadre_pager input {
   vertical-align:middle;
}

.tab_cadre_pager th {
   font-size: 10px;
   font-weight: bold;
   background-color: #fccc6f;
   text-align: center;
   background:  url("../pics/fond_th.png") repeat-x; 
}





/* ################--------------- Autocompletion  ---------------#################### */

ul.autocomp {
   list-style-type: none;
   margin:0;
   margin-left:3px;
   padding:3px;
   text-align:left;
}

ul.autocomp li.selected { 
   background-color: #FFF6CF; 
}

li.auto_comp {
   list-style-type: none;
   display:block;
   margin:0;
   padding:2px;
   height:16px;
}



/* ################--------------- Tracking  / Reminder ---------------#################### */
.tracking {
   width:100%;
   height:100%;
   cursor:pointer;
}

.tracking:hover {
   background-color: #FFF4DF; 
}

.tracking_hour {
   font-family: verdana;
   font-size: 10px;
}

.tracking_bold {
   font-weight: bold;
}

.ldap_right, .reminder_right {
   position:absolute; 
   right:0;
   margin-right:5px;
   font-size:10px;
}

.showplan {
   font-weight: bold;
   text-decoration: none; 
   color : #659900; 
   cursor:pointer;
}

.tracking_small {
   font-size:10px;
}

.reminder_list {
   text-align:left;
   margin-left:8px;
}



/* ################--------------- Space to replace &nbsp; ---------------#################### */

/* 2 space */
.very_small_space {
   margin-left: 15px;
}

/* 5 spaces */
.small_space {
   margin-left: 38px;
}

/* 10 spaces */
.medium_space {
   margin-left: 120px;
}

/* 20 spaces */
.big_space {
   margin-left:250px;
}



/* ################--------------- Espacement des blocs ---------------#################### */

.spaced {
   margin-bottom: 15px;
}

.firstbloc {
   margin-bottom: 5px;
}



/* ################--------------- Calendrier  / reservation ---------------#################### */

.calendrier {
   vertical-align:middle;
   /*border: 1px solid #888888;
   background-color:#eeeeee;
   background:  url("../pics/fond_form.png") repeat-x; */
}

.calendrier:hover {
   /*border: 1px inset #888888;
   background-color:#ffffff;*/
   cursor:pointer;
}

.calendrier_mois { 
   font-family: Verdana, Arial, Sans, sans-serif; 
   font-size: 10px; 
}

.calendrier_jour {
   font-family: arial,helvetica,sans-serif; 
   font-size: 14px; 
   color: black;
}

.calendrier_case1 {
   margin-left: 10px; 
   padding: 2px; 
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   margin-top: 2px; 
   border: 1px solid #666666;
   background-color: white;
}

.calendrier_case2 {
   margin-left: 10px; 
   padding: 2px; 
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px; 
   margin-top: 2px;
   border: 1px solid #cccccc; 
   background-color: #eeeeee
}

.calendrier_case_white {
   background-color:#ffffff;
}



/* ################--------------- Knowledge FAQ  ---------------#################### */
#contenukb {
   height: 100%;
   width: 600px;
   margin: 0 auto;
}

#contenukb legend {
   font-weight: bold;
}

#contenukb fieldset {
   background-color: #eeeeee;
   border: 1px solid #FFC65D;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   -o-border-radius: 8px;
   padding-bottom:10px;
   width: 600px;
}

#contenukb textarea {
   width:550px;
}

#kbanswer ul {
   padding-left: 15px;
   list-style-type: circle;
}

#kbanswer ol {
   padding-left: 15px;
   list-style-type: decimal;
}

.tdkb_result {
   vertical-align:top;
   text-align:left;
   width: 33%; 
   padding: 3px 20px 3px 25px;
}

.kb {
   text-align:left;
   padding-top:5px;
}

.kb_resume {
   text-align:left;
   font-size: 9px;
   line-height: 10px; 
   clear: both;
   padding: 5px 0 10px 25px;
}

.tdkb {
   text-align:left;
   font-size:10px; 
   color:#aaaaaa;
}

.baskb {
   position: relative;
   text-align:left;
   font-size:10px;
   color:#aaaaaa;
}

.baskb_right {
   position:absolute; 
   right:0; 
   margin-right:5px;
}

.code {
   width: 95%;
   border: dotted 2px #ccc;
}

a.knowbase {
   margin-left:8px;
}

a.pubfaq {
   margin-left:8px;
   color: #c9993C;
}

a.pubfaq:hover {
   color: black;
}

a.icon_nav_move img {
   padding: 4px;
   margin: 1px;
   border: 1px solid #aaaaaa;
   background-color: #ffffff;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
}

a.icon_nav_move:hover img {
   padding: 4px;
   margin: 1px;
   border: 1px solid #999999;
   background-color:#e4e4e4;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
}



/* ################--------------- planning  ---------------#################### */

.planning {
   text-align:center;
   border:1px dashed #cccccc;
   background-color: #d7d7d2;
   font-size:9px;
}

.planing:hover {
   border: 1px solid #999999;
   background-color: white;
}

.available {
   background-color: green;
}

.notavailable {
   background-color: red;
}

.partialavailableend {
   background-image: -webkit-linear-gradient(left, red 50%, green  0%);
   background-image: -moz-linear-gradient(left, red 50%, green  0%);
   background-image: -ms-linear-gradient(left, red 50%, green  0%);
   background-image: -o-linear-gradient(left, red 50%, green  0%);
   background-image: linear-gradient(left, red 50%, green  0%);
}

.partialavailablebegin {
   background-image: -webkit-linear-gradient(left, green 50%, red  0%);
   background-image: -moz-linear-gradient(left, green 50%, red  0%);
   background-image: -ms-linear-gradient(left, green 50%, red  0%);
   background-image: -o-linear-gradient(left, green 50%, red  0%);
   background-image: linear-gradient(left, green 50%, red  0%);
}

/* ################--------------- Menu navigation  ---------------#################### */

div#menu_navigate {
   margin: 0 auto;
   z-index:1;
   font-size: 10px;
   width:950px;
}

div#menu_navigate li {
   margin-left:2px;
   display:block;
   float:left;
   padding:2px;
}

div#tabcontent {
   width:950px;
   text-align:center;
   margin: 0 auto;
}



/* ################--------------- box (redirect and other)  ---------------#################### */

.box {
   margin: 0 auto; 
   width:700px;
   text-align:center;

}
.box-tleft {
   background:transparent url(../pics/corners.gif) no-repeat 0 0;
   zoom:1;
}

.box-tcenter {
   height:8px;
   background:transparent url(../pics/tb.gif) repeat-x 0 0;
   overflow:hidden;
}

.box-tright {
   background:transparent url(../pics/corners.gif) no-repeat right -8px;
}

.box-mleft {
   background:transparent url(../pics/l.gif) repeat-y 0;
   padding-left:4px;
   overflow:hidden;
   zoom:1;
}

.box-mcenter {
   background:#eee url(../pics/tb.gif) repeat-x 0 -16px;
   padding:4px 10px;
   font-family:"Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
   color:#393939;
   font-size:11px;
}

.box-mcenter h3 {
   font-size:11px;
   font-weight:bold;
   margin:0 0 4px 0;
   zoom:1;
}

.box-mright {
   background:transparent url(../pics/r.gif) repeat-y right;
   padding-right:4px;
   overflow:hidden;
}

.box-bleft {
   background:transparent url(../pics/corners.gif) no-repeat 0 -16px;
   zoom:1;
}

.box-bcenter {
   background:transparent url(../pics/tb.gif) repeat-x 0 -8px;
   height:8px;
   overflow:hidden;
}

.box-bright {
   background:transparent url(../pics/corners.gif) no-repeat right -24px;
}

.box-tleft, .box-bleft {
   padding-left:8px;
   overflow:hidden;
}

.box-tright, .box-bright {
   padding-right:8px;
   overflow:hidden;
}



/* ################--------------- Login Null Header  ---------------#################### */

#firstboxlogin {
   height: 276px;
   width: 650px;
   margin-top:150px;
   margin-left: auto;
   margin-right: auto;
   font-family : Verdana,Arial,Helvetica,sans-serif;
   font-size : 12px;
   color :#659900;
   font-weight: bold;
   background-color:#FFFFFF;
   border:3px solid #ccc;
   border-radius:10px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   padding:10px;
   position: relative;
}


#logo_login {
   position:absolute;
   top:-25px;
   padding:0;
   margin:0;
   width: 107px;
   height: 43px;
   background: url(../pics/login_logo_glpi.png)  no-repeat; 
}


#text-login {
   
   font-size: 13px;
   margin-bottom:10px;
   max-height: 50px;
   width: 95%;
   /*margin-right:10px;
   margin-left:0px;
   margin-top:80px;*/
   color :#000000;
   overflow: auto;
   padding:10px;
}

#text-login a:hover {
   color :#659900;
   text-decoration: underline;
}


#bloc {
   
   width:760px;
   margin:0 auto;
   text-align:left;
   position:relative;
   padding:10px;
   background:#E9EDD0;
   background:-moz-linear-gradient(360deg, #E9EDD0, #BBC972); /* Firefox */
   background:-webkit-gradient(linear, left top, left bottom, from(#E9EDD0), to(#BBC972)); /* Webkit */

   /* For Internet Explorer 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#E9EDD0, endColorStr=#BBC972, GradientType=1);
   /* For Internet Explorer 8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E9EDD0, endColorstr=#BBC972, GradientType=1)";

   border:1px solid #aaa;
   border-radius:10px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   box-shadow:0 0 15px #aaa;
   -moz-box-shadow:0 0 15px #aaa;
   -webkit-box-shadow:0 0 15px #aaa;
}

#logo_bloc {
   position:absolute;
   top:-25px;
   padding:0;
   margin:0;
   width: 107px;
   height: 43px;
   background: url(../pics/login_logo_glpi.png)  no-repeat; 
}


#boxlogin {
   position:relative;
   margin:auto;
   text-align: left;  /* Bug IE Grrr */
   width: 350px;
   padding:10px;
   background:#E9EDD0;
   background:-moz-linear-gradient(360deg, #E9EDD0, #BBC972); /* Firefox */
   background:-webkit-gradient(linear, left top, left bottom, from(#E9EDD0), to(#BBC972)); /* Webkit */

   /* For Internet Explorer 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#E9EDD0, endColorStr=#BBC972, GradientType=1);
   /* For Internet Explorer 8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E9EDD0, endColorstr=#BBC972, GradientType=1)";

   border:1px solid #aaa;
   border-radius:10px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   box-shadow:0 0 15px #aaa;
   -moz-box-shadow:0 0 15px #aaa;
   -webkit-box-shadow:0 0 15px #aaa;
}

#boxlogin p {
   text-align:center;
}

#forget {
   text-align:right;
   text-decoration: underline;
}


.row {
   clear: both;
   padding-top: 5px;
}

.label {
   float: left;
   margin-left:10px;
   text-align: left;
}

.formw {
   float: right;
   margin-right:10px;
   text-align: right;
}

#boxlogin fieldset {
   background-color: transparent;
   border: 2px solid #FFC65D;
   padding-bottom:22px;
}

#boxlogin legend {
   font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
   font-size: 15px;
   font-weight: 700;
   background-color: transparent;
   color :#659900;
}

#boxlogin input {

   border: 1px solid #659900;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
}

#boxlogin input[type=text],
 #boxlogin input[type=password]{
   width:13em;
}

#boxlogin input[type=text]:focus,
 #boxlogin input[type=password]:focus{
   border-color:#FFA500;
   background-color: #fff;
   -moz-box-shadow:0 0 3px #FFA500;
   -webkit-box-shadow:0 0 3px #FFA500;
   outline:none; /* Pour enlever le contour jaune lorsque l'on sélectionne un input dans Chrome */
}


#box-faq {
   padding-top:30px;
   text-align:center;
   position:relative;
   margin:auto;
}

.sous_logo {
   font-family: arial;
   font-size: 9px;
   color: #eeeeee;
   text-decoration: none;
}

.error {
   color: red; 
   margin-top:20px;
   text-align:center;
}

#footer-login {
   text-align:right;
   position: fixed !important;
   left: 0px;
   right: 10px;
   bottom: 0px !important;
   height: 40px;
   font-size : 10px;
   color :#757575;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-weight: bold;
   margin-top:10px;
   margin:auto;
    /*css hack for IE*/
   position: absolute;
   bottom: auto;
   top: expression((parseInt(document.documentElement.clientHeight)+parseInt(document.documentElement.scrollTop)-42)+'px');
   width: expression(parseInt(document.documentElement.clientWidth)+'px');
}



/* ################--------------- Header / menu  ---------------#################### */

div#header {
   background: #f1f4e3 url("../pics/fd_nav1.png") 0 0 repeat-x;
   margin: 0px 10px 10px 10px;
   -moz-border-radius: 0px 0px 8px 8px;
   -webkit-border-radius: 0px 0px 8px 8px;
   border-radius: 0px 0px 8px 8px;
   -moz-box-shadow: 0px 7px 10px #4D4D4D;
   -webkit-box-shadow: 0px 7px 10px #4D4D4D;
   box-shadow: 0px 7px 10px #4D4D4D;
   padding-bottom: 8px;
}

div#c_preference {
   height: 20px;
   text-align: right;
   margin-right: 5px;
   position: relative;
   top: 4px;
   font-size: 0.9em;	
   z-index:900;
}

div#c_preference ul {
   list-style: none;
}

div#c_preference ul li {
   float: right;
   margin: 0 10px;
}

div#c_preference ul li#deconnexion {
   margin-left: 25px;
}

div#c_preference a {
   color: #000;
   text-decoration: none;
   font-size: 0.9em;
}

div#c_preference a:hover{
   text-decoration: underline;
}


div#c_recherche {
   height: 21px;
   text-align: right;
   margin-right: 25px;
   position: relative;
   top: 5px;
   font-size: 0.9em;
}

div#c_recherche form {
   height: 15px;
   position: relative;
   bottom: 3px;
}

div#c_recherche form div#champRecherche input {
   border: none;
   height: 14px;
   font-family: 'Bitstream Vera Sans', arial, Tahoma, 'Sans serif';
   font-size: 11px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

div#c_recherche form div#boutonRecherche {
   position: absolute;
   right: 0px;
   top: 0px;
   border: none;
   height: 14px;
   width: 14px;
   overflow: hidden;
}

div#c_recherche form div#boutonRecherche input {
   font-family: 'Bitstream Vera Sans', arial, Tahoma, 'Sans serif';
   font-size: 0.7em;
   width: 15px;
   height: 15px;
   border: none;
   position: relative;
   right: 2px;
}


div#c_menu {
   height: 41px;
   position: absolute;
   top: 0px;
   z-index: 100;
   left: 45px;
}

div#c_menu ul#menu {
   position: relative;
   left: 22px;
   top: 23px;
   height: 20px;
   list-style: none;
   float: left;
}

ul#menu a.itemP, ul#menu a.itemP1 {
   display: block;
   height: 100%;
   width: 100%;
   text-align: center;
   text-decoration: none;
   border-right: 1px solid #9BA563;
   color: #000;
}

ul#menu ul.ssmenu {
   position: relative;
   top: 5px;
  /* width: 108px;*/
   border: 1px solid #CC9900;
   background: url("../pics/fd_ssmenu.png") 0 0 repeat;
   display: none;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   -moz-box-shadow: 0px 0px 4px #000000;
   -webkit-box-shadow: 0px 0px 4px #000000;
   box-shadow: 0px 0px 4px #000000;	
   
   
}

ul#menu ul li {
   list-style: none;
   text-align: left;
   border-bottom: 1px solid #CC9900;
   line-height: 20px;
   font-size: 0.9em;
   padding: 5px 5px 5px 5px;	
}



ul#menu ul li:last-child {
   border-bottom: 0px;
}

ul#menu ul li a {
   color: #000;
   text-decoration: none;
   display: block;
   width: 100%;
   height: 100%;
}


ul#menu ul li a:hover {
   background: #D0D99D;
   
}

ul#menu li#menu1 {
   float: left;
   width: 130px;
}

ul#menu li#menu1 ul.ssmenu {
   position: relative;
   width: 130px;
}

ul#menu li#menu2 {
   float: left;
   width: 130px;
}

ul#menu li#menu2 ul.ssmenu {
   position: relative;
   width: 130px;
}

ul#menu li#menu3 {
   float: left;
   width: 130px;
}

ul#menu li#menu3 ul.ssmenu {
   position: relative;
   width: 130px;
}

ul#menu li#menu4 {
   float: left;
   width: 130px;
}

ul#menu li#menu4 ul.ssmenu {
   position: relative;
   width: 130px;
}

ul#menu li#menu5 {
   float: left;
   width: 130px;
}

ul#menu li#menu5 ul.ssmenu {
   position: relative;
   width: 130px;
}

ul#menu li#menu6 {
   float: left;
   width: 135px;
}

ul#menu li#menu6 ul.ssmenu {
   position: relative;
   width: 135px;
}

ul#menu li#menu7 {
   float: left;
   width: 135px;
}

ul#menu li#menu7 ul.ssmenu {
   position: relative;
   width: 135px;
}

div#header div#c_logo {
   position: absolute;
   z-index: 1000;
   width: 64px;
   height: 41px;
   float: left;
   background: url("../pics/fd_logo.png") 0 0 repeat-x;
}

div#header div#c_logo a {
   display: block;
   width: 100%;
   height: 100%;
   text-decoration: none;
}

div#c_ssmenu1 {
   background: #D0D99D;
   height: 24px;
   clear: both;
   font-size: 0.8em;
}

div#c_ssmenu1 ul {
   position: relative;
   top: 4px;
   left: 0px;
   list-style: none;
}

div#c_ssmenu1 ul li {
   float: left;
   padding: 0 10px;
}

div#c_ssmenu1 ul li a {
   text-decoration: none;
   color: #666;
}

div#c_ssmenu1 ul li a:hover {
   text-decoration: underline;
}

div#c_ssmenu2 {
   position: relative;
   z-index: 5;
   /*background: url("../pics/fd_nav3.png") 0 0 repeat-x;*/
   height: 28px;
   clear: both;
   font-size: 0.9em; 
}

div#c_ssmenu2 ul {
   position: relative;
   top: 5px;
   left: 0px;
   list-style: none;
}

div#c_ssmenu2 ul li {
   position:relative;
   float: left;
   padding: 0 10px;
}

div#c_ssmenu2 ul li a {
   text-decoration: none;
   color: #000;
}

div#c_ssmenu2  a.here {
   font-size:14px;
}


div#show_all_menu {
   display: none;
   position: absolute;
   top:20px; 
   left:5px;
   border: 1px solid  #CC9900;
   background: url("../pics/fd_hoverlink.png") 0 0 repeat;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   -moz-box-shadow: 0px 0px 4px #000000;
   -webkit-box-shadow: 0px 0px 4px #000000;
   box-shadow: 0px 0px 4px #000000;
   padding: 5px;
   font-size: 11px;
   text-align: left;
   z-index:1000;
}


div#show_all_menu .tab_bg_1 {
   background: #E1CC7B;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   font-size: 12px;
}

div#show_all_menu a {
   color: #7F7F7F;
   display: inline-block;
   padding: 2px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

div#show_all_menu a:hover {
   background-color: #D0D99D;
}

div#show_all_menu .tab_bg_1 a {
   color: #000000!important;	
}

div#show_all_menu .tab_bg_1 a:hover {
   background: transparent;
}

/* ################--------------- Footer  ---------------#################### */

#footer {
   background: url("../pics/fd_footer.png") 0 0 repeat-x;
   font-size: 9px;	
   color :#757575;
   padding: 6px;
   border: 2px solid #cccccc;
   position: relative;
   float: right;
   right: 10px;
   height: 18px;
   width: 70%;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border-radius: 8px;
   -moz-box-shadow: 0px 7px 10px ;
   -webkit-box-shadow: 0px 7px 10px ;
   box-shadow: 0px 7px 10px ;
}

.copyright {
   font-size: 9px;	
   color :#757575;
}



/* ################--------------- DB Slave---------------#################### */
#dbslave-float {
   top: 0px;
   left: 300px;
   position: absolute;
   z-index: 100;
}

#dbslave-float a {
   border-top: 1px solid #cecece;
   border-bottom: 2px solid #4a4a4a;
   border-left: 1px solid #cecece;
   border-right: 1px solid #cecece;
   text-decoration: none;
   text-align: center;
   margin: 0;
   padding: 1px .5em;
   font-family: helvetica,arial,sans-serif;
   font-size: 10px;
   font-weight: bold;
   background-color: #fff;
   color:blue;
}



/* ################--------------- Debug  ---------------#################### */
#debug-float {
   top: 0px;
   left: 80px;
   position: absolute;
   z-index: 100;
}

#debug-float a {
   border-top: 1px solid #cecece;
   border-bottom: 2px solid #4a4a4a;
   border-left: 1px solid #cecece;
   border-right: 1px solid #cecece;
   text-decoration: none;
   text-align: center;
   margin: 0;
   padding: 1px .5em;
   font-family: helvetica,arial,sans-serif;
   font-size: 10px;
   font-weight: bold;
   background-color: #fff;
   color:red;
}

#debug-float a:hover {
   background-color: #fc3;
   border-bottom: 2px solid #36f;
}

#debugajax {
   margin: auto;
   text-align:center;
}

#debug {
   background-color:#F0F0F0;
}

#debug h1, #debugajax h1 {
   font-size:14px; 
   text-align:center; 
   background-color:#efefe7;
   padding: 5px;
}

#debug h2, #debugajax h2 {
   font-size:14px; 
   padding-left: 10px;
   border-left: 4px solid #FFC65D;
   border-bottom: 2px solid #FFC65D;
}

#debug table, #debugajax table {
   margin:0;
}

#kbanswer p {
   margin: 1.12em 0
}

#kbanswer h1 {
   font-size: 2em;
   margin: .67em 0
}

#kbanswer h2 {
   font-size: 1.5em;
   margin: .75em 0;
   font-weight: bolder;
}

#kbanswer h3 {
   font-size: 1.17em;
   margin: .83em 0;
   font-weight: bolder;
}

#kbanswer h4 {
   margin: 1.12em 0;
   font-weight: bolder;
}

#kbanswer h5 {
   font-size: .83em;
   margin: 1.5em 0;
   font-weight: bolder;
}

#kbanswer h6 {
   font-size: .75em;
   margin: 1.67em 0;
   font-weight: bolder;
}

#kbanswer address {
   font-style: italic;
}

#kbanswer pre {
   font-family: monospace;
   white-space: pre;
}
